﻿<div id="overflow">

	<div id="header">
      <%=@landing%>
		<img class="open" src="/static/images/open_header.png" alt="" />
		<div class="inner">
			<div class="left">
				<p class="phone call_phone_1">+7 495 694 6377</p>
				<p class="phone">+7 495 637 4613</p>
			</div>
			<div class="left">
				<p><a href="/">РУС</a>/<a class="on" href="/en">ENG</a></p>
				<div id="spam">
					Sign up for news
					<form action="" id="form_news" method="POST">
						<p><span>NAME:</span><input style="width:155px;" name="subscribe[name]" type="text" value="" /></p>
						<p><span>EMAIL:</span><input style="width:105px;" name="subscribe[email]" type="text" value="" /></p>
						<a href="/" onclick="$('#form_news').submit(); return false;">Sign up</a>
					</form>
				</div>
			</div>
			<div class="left">
				<p><a href="https://www.facebook.com/costumecode" target="_blank"><img src="/static/images/fb.png" alt="" /></a></p>
				<div id="invite">
					Call a tailor
					<form action="" id="form_call" method="POST">
						<p><span>NAME:</span><input style="width:155px;" name="call[name]" type="text" value="" /></p>
						<p><span>PHONE:</span><input style="width:105px;" name="call[email]" type="text" value="" /></p>
						<p><span>TIME:</span><input style="width:50px;" name="call[time]" type="text" value="" /></p>
						<a href="/" onclick="$('#form_call').submit(); return false;">SEND</a>
					</form>
				</div>
			</div>
		</div>
	</div>
	<div id="header_hover"></div>
	<a id="menu_slide_1" class="logo" href="#slide_1"><img src="/static/images/logo.png" alt="" /></a>
	<div id="menu">
		<a id="menu_create" href="#create">Concept<br />  & Prices</a>
		<a id="menu_for_you" href="#for_you">Creation</a>
		<a id="menu_for_you_01" href="#for_you_01">From us to you,<br /> and vice versa</a>
		<a id="menu_news" href="#news">News</a>
		<a id="menu_lookbook" href="#lookbook">LOOKBOOK</a>
		<a id="menu_contacts" href="#contacts">Contacts</a>
	</div>
	<div id="temp"></div>
	<div id="slider" class="block">
		<div id="slide_1" class="slide block" style="background-image: url(<%=@banners.banner1.url(:big)%>);"></div>
		<div id="slide_2" class="slide" style="background-image: url(<%=@banners.banner2.url(:big)%>);"></div>
		<div id="slide_3" class="slide" style="background-image: url(<%=@banners.banner3.url(:big)%>);"></div>
		<div id="slide_4" class="slide" style="background-image: url(<%=@banners.banner4.url(:big)%>);"></div>
		<div id="slide_5" class="slide" style="background-image: url(<%=@banners.banner5.url(:big)%>);"></div>
	</div>
	<div id="navigation">
		<a id="link_slide_1" class="page" href="#slide_1">&nbsp;</a>
		<a id="link_slide_2" class="page" href="#slide_2">&nbsp;</a>
		<a id="link_slide_3" class="page" href="#slide_3">&nbsp;</a>
		<a id="link_slide_4" class="page" href="#slide_4">&nbsp;</a>
		<a id="link_slide_5" class="page" href="#slide_5">&nbsp;</a>
		<span>&copy; COSTUME CODE 2010-2015</span>
	</div>
	<div id="create" class="block">
		<img class="img" src="/static/images/create_img.jpg" alt="" />
		<strong>
			<br><br><br>
			We tailor suits and shirts,<br> for each client individually.<br> We love doing this.						
		</strong>
		<span>COSTUME CODE,<br /> TAILORED FOR YOU</span>
		<p>
			In addition to suits and shirts, we make jackets, trousers, skirts and coats, all personally tailored (Made-to-Measure).<br><br>
			When we make our clothing, we pay attention to details and pursue the perfect fit. We work with the finest European fabrics such as Loro Piana, Cerruti, Scabal, and Thomas Mason.<br><br>
			We are proud of our fresh attitude, and we are glad to share with you our advice on dress code and style. 	
		</p>
		<div id="price">
			<span>PRICELESS</span>
			<font>
				<br>
				COSTUME CODE works with fabrics that are made from fine natural<br>
				 materials such as New Zealand wool and Sea Island cotton.<br>
				 The cost of a suit or a shirt depends on the price category of the fabric<br>
				 that you select. Our prices include tailoring, fabric and all design options.<br>
			</font>
			
			
<p class="text_for_you" style="padding-bottom:20px !important;"><span>Suits FROM&nbsp;<b>29&nbsp;900</b> TO&nbsp;&nbsp;&nbsp;<b>97&nbsp;400</b>R.</span></p>
<p class="text_for_you" style="padding-bottom:20px !important;"><span>Shirts FROM&nbsp;<b>5&nbsp;900</b> TO&nbsp;&nbsp;&nbsp;<b>25&nbsp;900</b>R.</span></p>
		</div>
	</div>
	<div id="for_you" class="block">
		<strong>SUIT<br /> AFTER<br /> READING</strong>
		<div class="one" style="width:540px">
			<span><img src="/static/images/01.png" alt=""></span>
			<p style="width: 425px;"><b>Come or invite us</b>
				Our stores work based on appointments. for your convenience, we kindly request you to call us in advance. 
			</p>
		</div>
		<div class="two">
			<span><img src="/static/images/02.png" alt=""></span>
			<p><b>Taking the measurements</b>
				We will take your measurements using our fitting patterns, which enables you to feel the suits and shirts and guarantees the perfect fit.
			</p>
		</div>
		<div class="three">
			<span><img src="/static/images/03.png" alt=""></span>
			<p><b>Fabulous fabrics</b>
				From a complete collection of top quality European fabrics, we will help you select the fabric that will satisfy your standards. Our suit fabrics range from Super 100´s to Super 180´s.
			</p>
		</div>
		<div class="four">
			<span><img src="/static/images/04.png" alt=""></span>
			<p><b>Design</b>
				Together, we create your personal dress code using our wide range of style options for suits (pockets, lapels, buttons, linings, etc.) and shirts (collars, cuffs, stitching, monograms, etc.).
			</p>
		</div>
		<div class="five">
			<span><img src="/static/images/05.png" alt=""></span>
			<p><b>Enjoy</b>
				Tailoring takes time, but we can make suits and shirts in 5 to 6 weeks, or even faster. Then, after wearing your garments a few days, they will get to know your habits and become your second skin.   
			</p>
		</div>				
	</div>
	<div id="for_you_01" class="block">
		<img id="pic_1" class="img" src="/static/images/for_you_img_1.png" alt="" />
		<img id="pic_2" class="img" src="/static/images/for_you_img_2.png" alt="" />
		<img id="pic_3" class="img" src="/static/images/for_you_img_3.png" alt="" />
		<img id="pic_4" class="img" src="/static/images/for_you_img_4.png" alt="" />
		<img id="pic_5" class="img" src="/static/images/for_you_img_5.png" alt="" />
		<img id="pic_6" class="img" src="/static/images/for_you_img_6.png" alt="" />
		<img id="pic_7" class="img" src="/static/images/for_you_img_7.png" alt="" />
		<img id="pic_8" class="img" src="/static/images/for_you_img_8.png" alt="" />
		<img id="pic_9" class="img" src="/static/images/for_you_img_9.png" alt="" />
		<strong>NOTHING<br /> PERSONAL,<br /> JUST BUSINESS</strong>
		<div id="text_for_you">
			<p>
We offer our corporate clients a strong friendship and a number of partnership programs. We can visit your office with our "travelling tailor service", we can create a "corporate discount program" for all employees of your company, we can make suits and shirts that match your corporate house style, etc. Please contact us to find out more about the corporate benefits and possibilities.
			</p>
		</div>
	</div>
	<div id="news" class="block">
		<div class="news">			
			<div id="container">
				<% @news.each do |news| %>	
						<div class="element <%if (news.size == "3")%>big<%end%><%if(news.size == "2")%>medium<%end%><%if(news.size == "1")%>small<%end%><%if (news.color == "dark")%> red<%end%>" >
							<strong><%=news.title%></strong>
							
							<%if (news.size == "3")%>
							<%= image_tag(news.picture.url(:big), :class => "img") %>
							<%end%>
							<%if (news.size == "2")%>
							<%= image_tag(news.picture.url(:small), :class => "img") %>
							<%end%>
							
							<%if (news.size == "3" || news.size == "2")%><p><%=news.preview_text%></p><%end%>
							
							<a class="more" href="#">ПОДРОБНЕЕ...</a>
							<div>
								<p>
								<%=news.detail_text.html_safe%>	
								</p>
								<i class="like" rel="http://www.facebook.com/sharer.php?u=http://costumecode.ru/?news=<%=news.id%>"><img src="/static/images/like1.png" alt="" /></i>
								<i class="close"><img src="/static/images/close1.png" alt="" /></i>
							</div>
						</div>
				<% end %>
			</div>
		</div>
		<a class="prev" href="#news"><img src="/static/images/prev.png" alt="" /></a>
		<a class="next" href="#news"><img src="/static/images/next.png" alt="" /></a>
	</div>
	<div id="lookbook" class="block">
		<strong>LOOKBOOK</strong>
		<p class="lookbooktext">We tailor suits and shirts for any occasion.</p>
		<span>Get inspired</span>
		<div id="lookbook_gallery">

			
			<%counter = 0%>
			
			<% @lookbook.each do |lookbook| %>
				<%#if (counter == 0)%>
				<div class="item" style="background-color:<%=lookbook.bgcolor%>; background-image:url(<%=lookbook.background.url(:big)%>);">
				<%#end%>	
					<%if (lookbook.picture.url != "/images/missing.png")%>
					<div class="img">
						<img src="<%=lookbook.picture.url(:big)%>" height="570" alt="" />
						<div class="info">
							<img class="info_icon" src="/static/images/info_icon.png" alt="" />
							<p>
								<img class="info_icon_active" src="/static/images/info_icon_active.png" alt="" />
								<%=lookbook.info.gsub(/\n/, '<br/>').html_safe%>
								<i class="close"><img src="/static/images/close.png" alt="" /></i>
							</p>
						</div>
					</div>
					<%end%>
				<%#counter += 1%>	
				<%#if (counter == 3)%>
				</div>
				<%#counter = 0%>
				<%#end%>
			<%end%>
						

		</div>
		<a class="prev" href="#lookbook"><img src="/static/images/prev.png" alt="" /></a>
		<a class="next" href="#lookbook"><img src="/static/images/next.png" alt="" /></a>
	</div>
	<div id="contacts" class="block">
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
<script type="text/javascript" src="/static/scripts/map.js?4"></script>		
		<div class="map"><div class="city1 city" id="map_canvas" style="height: 100%; width:100%;"></div><div class="city2 city" id="map_canvas2" style="display: none;height: 100%; width:100%;"></div></div>
		<div class="contacts">
			<div class="left">
				<p><a class="menu on" rel="city1" href="#">MOSCOW</a></p>
				<p><a class="menu" rel="city2" href="#">SURGUT</a></p>
			</div>
			
			<div class="city1 city">
				<div class="left">
					<p>12/9 SPIRIDONYEVSKY  PER., MOSCOW<br />T <span class='call_phone_2'>495 694 6377</span><br />E <a href="mailto:CONTACT@COSTUMECODE.RU">CONTACT@COSTUMECODE.RU</a></p>
					<p><a class="more" href="http://maps.yandex.ru/-/CVbL482Z" target="_blank">VIEW MAP</a></p>
				</div>
				<div class="left">
					<p>20 OSTOZHENKA, MOSCOW<br />Т 495 637 4613<br />E <a href="mailto:CONTACT@COSTUMECODE.RU">CONTACT@COSTUMECODE.RU</a></p>
					<p><a class="more" href="http://maps.yandex.ru/-/CVbL4D5J" target="_blank">VIEW MAP</a></p>
				</div>
			</div>
			<div class="city2 city" style="display: none;">
				<div class="left">
					<p>11 PROFSOYUZOV Ul,  SURGUT<br />E <a href="mailto:E SURGUT@COSTUMECODE.RU">SURGUT@COSTUMECODE.RU</a></p>
					<p><a class="more" href="http://maps.yandex.ru/-/CVfvbM2h" target="_blank">VIEW MAP</a></p>
				</div>
			</div>
		</div>
	</div>
</div>
